body{margin: 0;padding: 0;font-size:14px;font-family: "Microsoft Yahei";}
div,p,ul,li,h1,h2,h3,h4,h5,h6,img,a,figure{margin: 0;padding: 0;}
a,a:hover,a:visited{text-decoration: none;}
/*ul,li{list-style: none;}*/
label.hot{display: block;width: 26px;height: 16px; position: absolute;right: -26px;top: -6px;background: url("../../image/img_portal/hot.png") no-repeat;}
label.new{display: block;width: 26px;height: 16px; position: absolute;right: -26px;top: -6px;background: url("../../image/img_portal/new.png") no-repeat;}
span.color-red{color: #e81f0f;}
p.noLogin{width: 100%;height: 40px;line-height:40px;background: #f5f5f5;text-align: center;font-size: 14px;color: #ccc;}
.navPart{width: 1280px;height: 100px;background: url("../../image/img_portal/logo.png") no-repeat left center;overflow: hidden;margin: 0 auto;}
.navPart ul{float: left;margin:40px 0 0 240px;}
.navPart ul li {display: inline-block;margin-left: 50px;position: relative;}
.navPart ul li a{font-size: 16px;color: #333;}
.navPart ul li.active a{color: #e81f0f;}
.navPart .loginPart{float: right;margin-top:35px;}
.navPart .loginPart a{display: inline-block;margin-left: 15px;width: 80px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;border-radius: 3px;box-shadow: 0 0 1px 2px #e6e7e7;}
.navPart .loginPart .login{color: #fff;background: #ff2d1d;border: 1px solid #e81f0f;}
.navPart .loginPart .signOut{color: #999;border: 1px solid #999;}

.pageBan{width: 100%; height: 500px;position: relative; overflow: hidden;}
.pageBan ul.dots{position: absolute;top: 478px;left: 50%;margin-left:-150px;}
.pageBan ul.dots li{list-style: none;display: inline-block;width: 80px;height: 4px;border-radius: 2px; margin: 0 10px; background-color: #ffc365;}
.pageBan .layerslider{width: 100%; max-width:1920px; height: 500px;position: relative;margin: 0 auto;}
.pageBan .layerslider>div{width: 100%; max-width:1920px; height: 500px;position: absolute;top: 0;left: 0;}
.pageBan .layerslider .ban1 h2{width:250px;font-size: 45px;line-height:55px;font-weight:bold;color: #fff;text-align:center;position: absolute;top: -120px;left:50%;margin-left: 100px;opacity:0;}
.pageBan .layerslider .ban1 p{width: 0;height:0;position: absolute;top: 100px;left:50%;margin-left: -400px;opacity:0;background: url("../../image/img_portal/ban1-logo.png") no-repeat;}
.pageBan .layerslider .ban1 div{width: 723px;height:253px;position: absolute;bottom: -253px;left:50%;margin-left:-450px;opacity:0;background: url("../../image/img_portal/ban1-product.png") no-repeat;}

.pageBan .layerslider .ban2 .people{width: 280px;height:180px;background: url("../../image/img_portal/ban2-people.png") no-repeat;position: absolute;bottom: -180px;left: 50%;margin-left:270px;opacity: 0;z-index: 100;}
.pageBan .layerslider .ban2 p{width: 770px;height:431px;background: url("../../image/img_portal/ban2-mid.png") no-repeat;position: absolute;top: -431px;left: 50%;margin-left:-380px;opacity: 0;}

.pageBan .layerslider .ban3 .oil{width: 757px;height:337px;background: url("../../image/img_portal/ban3-oil.png") no-repeat;position: absolute;left: 50%;margin-left: -380px; bottom: -337px;opacity: 0;}
.pageBan .layerslider .ban3 p{width: 571px;height:100px;background: url("../../image/img_portal/ban3-logo.png") no-repeat;position: absolute;left: 50%;margin-left: -285px; top: -100px;opacity: 0;}

.pageBan .ban1{background: url("../../image/img_portal/ban1.jpg") no-repeat center;}
.pageBan .ban2{background: url("../../image/img_portal/ban2.jpg") no-repeat center;}
.pageBan .ban3{background: url("../../image/img_portal/ban3.jpg") no-repeat center;}

.notice{width: 100%;height: 492px;background: #f5f5f5;padding-top: 28px;}
.notice p.title{width: 174px;height: 30px;background: url("../../image/img_portal/notice.png");margin: 0 auto 18px;}
.notice .notices{width: 1280px;height: 400px;margin: 0 auto;overflow: hidden;}
.notice .notices >ul{width: 900px;height: 329px;float: left;background: url("../../image/img_portal/n1.png") no-repeat;padding-top: 70px;}
.notice .notices >ul a.more{font-size: 14px;color: #0271c3;display: block;margin: 20px auto 0;width: 60px;height: 15px;}
.notice .notices >ul li{padding-left:5px;font-size: 14px;color: #d3d3d3;height: 44px;line-height: 44px;border-bottom: 1px dashed #d3d3d3;margin: 0 30px;list-style-position: inside;}
.notice .notices >ul li a{font-size: 14px;color: #333;position: relative;}
.notice .notices >ul li:hover a{color: #d3d3d3;}
.notice .notices >ul li .pull-right{color: #999;float: right;}
.notice .notices >div{width: 368px;height: 399px;float: right;background: #fff;overflow: hidden;}
.notice .notices >div a{display: block;height: 110px;margin: 17px 8px 0;float: left;}
.notice .notices >div a:hover{box-shadow: 0 0 1px 2px #e6e7e7;border-radius: 6px;}
.notice .notices >div a.rule{width: 166px;background: url("../../image/img_portal/rule.png") no-repeat;}
.notice .notices >div a.guide{width: 166px;background: url("../../image/img_portal/guide.png") no-repeat;}
.notice .notices >div a.download{width: 348px;background: url("../../image/img_portal/download.png") no-repeat;}
.notice .notices >div a.question{width: 348px;background: url("../../image/img_portal/question.png") no-repeat;}

.announcement{width: 1280px;height: 1130px;margin: 0 auto;overflow: hidden;}
.announcement >div{width: 640px;height: 320px;float: left;padding-top: 35px;}
.announcement >div .title{width: 584px;height: 25px;margin:0 0 20px 30px;text-align: right;}
.announcement >div .title a{font-size: 14px;line-height: 25px; color: #0271c3;padding-right: 5px;}
.announcement .projOff .title{background: url("../../image/img_portal/announce1.png") no-repeat;}
.announcement .projOffRes .title{background: url("../../image/img_portal/announce2.png") no-repeat;}
.announcement .projOn .title{background: url("../../image/img_portal/announce3.png") no-repeat;}
.announcement .projOnRes .title{background: url("../../image/img_portal/announce4.png") no-repeat;}
.announcement .enquiry .title{background: url("../../image/img_portal/announce5.png") no-repeat;}
.announcement .enquiryRes .title{background: url("../../image/img_portal/announce6.png") no-repeat;}
.announcement ul li{padding-left:5px;font-size: 14px;color: #d3d3d3;height: 44px;line-height: 44px;border-bottom: 1px dashed #d3d3d3;margin: 0 30px;list-style-position: inside;}
.announcement ul li a{font-size: 14px;color: #333;position: relative;}
.announcement ul li:hover a{color: #d3d3d3;}
.announcement ul li .pull-right{color: #999;float: right;}

.supplier{width: 100%;height: 535px;background: #f5f5f5;padding-top: 30px;}
.supplier p.title{width: 194px;height: 30px;background: url("../../image/img_portal/supplier.png");margin: 0 auto;}
.supplier div.suppliers{width: 1304px;height: 410px;margin: 35px auto 0;overflow: hidden;position: relative;}
.supplier div.suppliers >p{display: none; width: 25px;height: 50px;position: absolute;top: 165px;font-size: 20px;line-height: 50px;text-align: center;color: #fff;background: rgba(0,0,0,0.5);cursor: pointer;}
.supplier div.suppliers >p.left{left: 13px;}
.supplier div.suppliers >p.right{right: 13px;}
.supplier div.suppliers .provider{width: 300px;height: 395px;margin: 0 13px;background: #fff;border-radius: 10px;padding-top: 15px;float: left;position: relative;}
/*.supplier div.suppliers .provider img{display: block; width: 270px;height: 270px;margin: auto;}*/
.banSup {width: 270px;height: 270px;margin: 0 auto; position: relative; overflow: hidden; }
.banSup img{width: 270px;height: 270px;position: absolute;}
.supplier div.suppliers .provider h5{text-align: center;font-size: 14px;color: #333;margin: 10px;}
.supplier div.suppliers .provider p{text-align:center;font-size: 12px;line-height: 18px; color: #999;padding: 0 18px;overflow: hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.supplier div.suppliers .provider h4{position: absolute;bottom: 0; text-align: center;font-size: 16px;color: #0e89bd;background: #9fd0e5;width: 100%;height: 40px;line-height: 40px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.supplier div.suppliers .provider:hover{box-shadow:0 0 10px 1px #ccd7dc;}

.partner{width: 100%;min-height: 300px; padding-top: 30px;}
.partner p.title{width: 174px;height: 30px;background: url("../../image/img_portal/partner.png");margin: 0 auto 18px;}
.partner ul{width: 1280px;margin: 55px auto 0;text-align: center;}
.partner ul li{display: inline-block;list-style: none; margin: 0 26px 20px;}
.partner ul li img{display: block;width: 119px;height: 117px;border: 1px solid #ccc;border-radius: 18px;}
.partner ul li:hover img{border: 1px solid #0e89bd;box-shadow: 0 0 5px 1px #ccd7dc;}

.pageFooter{width: 100%;height: 235px;padding-top: 40px;background: #2d2a2a;}
.pageFooter .about{width: 1280px;margin: 0 auto;height:185px;overflow: hidden;border-bottom: 1px solid #b3b3b3;}
.pageFooter .about >div{float: left;}
.pageFooter .about h6{font-size: 16px;font-weight: bold;color: #fff;margin-bottom: 25px;height: 20px;overflow: hidden;}
.pageFooter .about h6 span{font-size: 18px; float: left;margin: 0 10px 0 0;}
.pageFooter .about p{font-size: 14px;color: #b3b3b3;margin-left: 10px;margin-bottom: 15px;}
.pageFooter .about p a{font-size: 14px;color: #b3b3b3;}
.pageFooter .about p span{color: #fff;}
.pageFooter .about >div .contact{display: inline-block;margin-right: 40px;}
.pageFooter .copyRight{width: 1280px;border-top: 1px solid #000;margin: 0 auto;font-size: 12px;text-align: center;color: #666;padding-top: 15px;}

/*页面设置*/
div.height-350{min-height: 400px;}
.content{min-height: 200px;margin: 20px auto;}
.panel-body{min-height: 100px;}
h2.projTitle,h2.artclTtl{font-size: 25px;text-align: center;}
h3.panel-title{font-size: 20px;margin-left: 5px;}
p.fontsize-14{font-size: 14px;}

.newsList{width: 100%;max-width: 1920px;height: 200px;background: url("../../image/img_portal/listPic.png") no-repeat center;}
.supplierShow{width: 100%;max-width: 1920px;height: 200px;background: url("../../image/img_portal/supplierShow.png") no-repeat center;}
.listType{background: #f5f5f5;height: 40px;}
.listType .container span{height: 40px;line-height: 40px;font-size: 16px;font-weight: bold;}
ul.listLiStyle{margin-bottom: 150px;}
ul.listLiStyle li{height: 40px;line-height: 40px; border-bottom: 1px dashed #d3d3d3;}
ul.listLiStyle li a{font-size: 14px;color: #333;}
ul.listLiStyle li .pull-right{font-size: 14px;color: #999;}

h3.supplierInfo {margin-top: -30px;font-size: 14px;color: #333;}
h3.supplierInfo span{cursor: pointer;}
h3.supplierInfo span.active{color: #e81f0f;font-size: 18px;font-weight: bold;}

